<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>js文字搬运工</title>
    <style>
        p{
            width: 300px;
            height:450px;
            float: left;
        }
        #p1{
            background-color: aquamarine;
        }
        #p2{
            background-color: aqua;
        }
        #btn{
            float: left;
            text-align: center;
        }
        #btn span{
            display: block;
            margin-top: 5px;
        }
        #btn button{
            width: 100px;
            height: 50px;
            background-color: crimson;
            border: none;
            margin: 20px 10px 0px 10px;
            color: #fff;
        }
    </style>
    <script type="text/javascript">
        window.onload=function(){
            var p1=document.getElementById("p1");
            var p2=document.getElementById("p2");
            var btn=document.getElementById("btn");
            var oBtn=btn.getElementsByTagName("button")[0];
            var oSpan=btn.getElementsByTagName("span")[0];
            var arr=p1.innerHTML.split("");
            var len=arr.length;
            oSpan.innerHTML=len+"/"+"0";
            var timer=null;
            oBtn.onclick=function(){
                clearInterval(timer);
                timer=setInterval(function(){
                    if(arr.length>0){
                        p2.innerHTML+=arr[0];
                        arr.splice(0,1);
                        var str="";
                        for(var i=0;i<arr.length;i++){
                            str+=arr[i];
                        }
                        p1.innerHTML=str;
                        oSpan.innerHTML=arr.length+"/"+(len-arr.length);
                    }else{
                        clearInterval(timer);
                    }
                },100)
            }
        }
    </script>
</head>
<body>
<p id="p1">活动当日，太原广播电视台小桔灯爱心联盟代表1000家小桔灯爱心接力站发出联合倡议，日常生活中用自己的行动践行垃圾分类，从源头减少厨余垃圾，减少使用不可降解塑料制品和一次性消费品。这些爱心接力站包括“环保小卫士”、环保志愿者、爱心企业和临街门店等，大家表示要从正确分类、投放、处理垃圾开始，用自己的行动扮靓城市家园。实行垃圾分类收集，不仅能改善环境，还能综合利用资源。例如，每回收1吨废纸，可制造好纸850公斤，节省木材3立方米；利用碎玻璃再生产玻璃，节省原料10%-30%，节水50%，减少空气污染20%；利用厨余垃圾发电，每1吨可发电150千瓦时(度)，节煤60公斤。市环卫局副局长时中瑛说，我市作为46个生活垃圾分类试点城市之一，近年来不断加大推进力度，倡导广大市民主动参与。</p>
<div id="btn">
    <button > 把文字右移</button>
    <span>0/0</span>
</div>
<p id="p2"></p>
</body>
</html>